import common from '../vendor/common'
import '../scss/login_quick.scss'
import { smsLogin, getCode } from '../vendor/api'
try{
const mui = common.mui
var data = {} //登录时提交的参数
var tel = null //手机号码
var smsCode = null //验证码
mui.init({
    swipeBack:true //启用右滑关闭功能
});
mui.plusReady(function(){
    // 初始化数据
    window.addEventListener('quick', function(e){
        data = {}
        tel = null
        smsCode = null
        mui('#tel')[0].value = null
        mui('#sms')[0].value = null
    })
    var loginNew = mui.preload({
        url: 'login_new.html',
        id: 'login_new.html',
        styles:{
            popGesture: 'hide'
        }
    })
    var register = mui.preload({
        url: 'register.html',
        id: 'register.html',
        styles:{
            popGesture: 'hide'
        }
    })
    // 关闭当前页面
    mui('#nav')[0].addEventListener('tap',function(){
        var ws=plus.webview.currentWebview();
	    plus.webview.hide(ws);
    })
    // 账号密码
mui('.shortcut').on('tap','a',function(){
    var newPage = plus.webview.getWebviewById('login_new.html')
    // 调用账号登录的new方法
    mui.fire(newPage, 'new')
    loginNew.show('slide-in-right', 300)
    // 跳转至账号密码登录页面时关闭当前页面
    var ws=plus.webview.currentWebview();
	plus.webview.hide(ws);
})
// 注册
mui('#register')[0].addEventListener('tap',function(){
    var register = plus.webview.getWebviewById('register.html')
    mui.fire(register, 'register')
    register.show('slide-in-right', 300)
})
})
mui('.loginBtn').on('tap','button',(e)=>{
    tel = mui('#tel')[0].value
    smsCode = mui('#sms')[0].value
    data.tel = tel
    data.smsCode = smsCode
    // 隐藏键盘
    mui('#tel')[0].blur()
    mui('#sms')[0].blur()
    var telRpx = /^\+?[1-9][0-9]*$/
    if (!telRpx.test(tel) || tel.length !== 11) {
        mui.alert('请输入11位手机号码');
        return
    } 
    if(!telRpx.test(smsCode) || smsCode.length !== 4){
        mui.alert('请输入4位验证码')
        return
    } 
    smsLogin(data).then((res)=>{
        console.log('21wdfdsgsd',JSON.stringify(res))
        if(res.data.status){
            mui('#tel')[0].value = ''
            mui('#sms')[0].value = ''
            // 登录成功提示
            mui.toast('登录成功')
            // 存储token
            plus.storage.setItem('access_token', res.data.token);
            // 储存电话号码
            plus.storage.setItem('tel', tel)
            // 获取当前webview
            var ws=plus.webview.currentWebview();
            var newPage = plus.webview.getWebviewById('login_new.html')
            // 获取目标webview对象
            var userPage = plus.webview.getWebviewById('/home/user_index.html')
            //应用首页WebviewObject窗口对象
            var indexPage = plus.webview.getLaunchWebview()
            // 调用首页WebviewObject窗口changeTab方法
            mui.fire(indexPage, 'changeTab', {tab: 4});
            // 隐藏当前窗口
            plus.webview.hide(ws);
            plus.webview.hide(newPage);
            // 调用账号登录的new方法
            mui.fire(newPage, 'new')
            // 调用我的首页upTel方法
            mui.fire(userPage, 'upTel', {tel: tel})
        } else {
            mui.toast(res.data.message)
        }
    })
})
// 获取验证码
mui('#getSms')[0].addEventListener('tap',function login(e){
    console.log('aaaaaaaaaaa')
    // 获取手机号码输入框里的值
    var tel = mui('#tel')[0].value
    // 拼接参数
    var data = tel +'/'+'login'
    // 手机号码不为空时可获取验证码
    if(tel !== ''){
        getCode(data).then(function(res){
            console.log('asfsdgsdgsdf',JSON.stringify(res))
            if(res.success){
                var time = 120; //定义验证码失效的时间
                mui('#getSms')[0].classList.add('mui-hidden')
                mui('#time')[0].classList.remove('mui-hidden')
                mui('#time')[0].innerHTML = time + 's'
                var outTime = setInterval(() => {
                    time --;
                    if(time <= 0){
                        mui('#getSms')[0].classList.remove('mui-hidden')
                        mui('#time')[0].classList.add('mui-hidden')
                        mui('#getSms')[0].innerHTML = '重新获取验证码'
                        clearInterval(outTime);
                        return;
                    }
                    mui('#time')[0].innerHTML = time + 's'
                },1000);
            }
        })
    } else {
        mui.toast('请输入手机号')
    }
})
}catch(e){
    console.log('login_new出错了')
}